@import './var.scss';
@import './transition.scss';
@import './home.scss';
$fontSize: 16px;

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  padding: 0;
  margin: 0;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  padding: 10px;
}

/* 滚动条样式设置 */
::-webkit-scrollbar {
  width: 8px;
  background: transparent;
  height: 8px;
}

/* 滚动条样式设置 */

::-webkit-scrollbar-thumb {
  background: #ddd;
  width: 8px;
  border-radius: 8px;
}

.tags-box {
  border: 1px solid #ebeef5;
  padding: 5px;
  width: auto;
  height: auto;
}

.tags-box .title {
  padding: 0 3px 8px;
  overflow: hidden;
  display: block;
}

.tags-box .el-tag {
  margin-left: 10px;
  margin-top: 10px;
}

.block {
  margin-top: 10px;
}

/** ========== 菜单样式 开始 ==========  */

/*.el-submenu svg {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
}*/
.el-submenu [class^=svg-] {
  width: 24px !important;
  margin-right: 5px;
}

.el-menu-item.is-active .svg-icon {
  color: inherit;
}

/** ========== 菜单样式 结束 ==========  */

/** ========== 常用组件样式 开始 ==========  */

.el-drawer__body {
  overflow-y: auto;
}

/** ========== 常用组件样式 结束 ==========  */


/** ========== 表单样式 开始 ==========  */

.form-unit {
  font-size: $fontSize;
  font-style: oblique;
  color: #6379bb;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

.input-form .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

.vxe-pager.size--medium {
  margin-top: 0.8rem;
}

.el-select .el-input__inner {
  padding-right: 15px;
}

.el-select {
  width: 100%
}

.el-input--suffix .el-input__inner {
  padding-right: 15px;

}

.el-input.is-disabled .el-input__inner,
.el-input__inner, .el-link,
.vxe-table.size--medium {
  font-size: $fontSize !important;
}

.el-form .el-form-item .el-form-item__label {
  font-weight: bold;
  font-size: $fontSize;
}

.el-link {
  margin-right: 10px;
}

.el-select-dropdown__item {
  font-size: $fontSize;
}

.el-dropdown {
  font-size: $fontSize;
}
.el-form-item__content {
  font-size: $fontSize;
}

.el-tree-node__label {
  font-size: $fontSize;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item,
.el-form-item {
  margin-top: 3px;
  margin-bottom: 3px
}

.el-textarea__inner {
  padding: 5px 15px
}

.el-form .el-input-number .el-input__inner {
  text-align: left
}

.el-form .el-upload.el-upload--text {
  width: 100%;

  .el-upload-dragger {
    width: 100%;
  }
}

.el-radio.el-radio--mini.is-bordered {
  margin-right: 0px;
}


/* prefix icon : 30px */

/*.el-date-editor.el-input {
  width: 100%
}*/

.el-input-number--mini {
  width: 100%
}

.el-button+.el-dropdown {
  margin-left: 10px
}

.el-button--medium {
  padding: 8px 20px;
  font-size: $fontSize;
  border-radius: 5px;
}

.vxe-input--inner {
  font-size: $fontSize;
}

/* 
  element dialog样式
  此样式设置后，drawer，dialog不能用append-to-body方式，否则切换tab页会有问题
*/
.el-dialog__wrapper,
.v-modal {
  margin-top: 48px;
}

.el-dialog__header {
  background-color: #3a8ee6;
  height: 30px;
  line-height: 30px;
  padding: 0px 0 0px 10px;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 999;
}

.el-dialog__title {
  color: white;
  font-size: 16px;
}

.el-dialog__headerbtn {
  top: 5px;
  right: 10px;

}

.el-dialog__close,
.el-dialog__headerbtn .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close:hover {
  color: white;
}

.el-dialog__body {
  padding: 5px;
}

.el-divider--horizontal {
  margin: 8px 0;
}

/* element dialog样式 结束*/

/** ========== 表单样式 结束 ==========  */



.el-tooltip__popper.is-error {
  line-height: 24px;
  border-radius: 4px;
  padding: 8px 12px;
  color: #fff;
  background-color: #f56c6c;
  pointer-events: auto;
  border: unset;
}
